import Vue from "vue";
import VueRouter from "vue-router";

import Home from "../views/Home.vue";
const department = () => import("../views/department.vue");
const expert = () => import("../views/expert.vue");
const registration = () => import("../views/registration.vue");
const quiry = () => import("../views/quiry.vue");
const personage = () => import("../views/personage.vue");
const doctoInfo = () => import("../views/doctorInfo.vue");
const userRegister = () => import("../views/userRegister.vue");
const userInfoFill = () => import("../views/userInfoFill.vue");
const resWithDoctor = () => import("../views/resWitthDoctor.vue");

Vue.use(VueRouter);

const routes = [
  { path: "", redirect: "/home" },
  { path: "/home", name: "Home", component: Home },
  { path: "/registration", name: "registration", component: registration },
  { path: "/department", name: "department", component: department },
  { path: "/expert/:id", name: "expert", component: expert },
  { path: "/quiry", name: "quiry", component: quiry },
  { path: "/personage", name: "personage", component: personage },
  { path: "/doctorInfo/:id", name: "doctorInfo", component: doctoInfo },
  { path: "/userRegister", name: "userRegister", component: userRegister },
  {
    path: "/userInfoFill/:id",
    name: "userInfoFill",
    component: userInfoFill,
  },
  { path: "/resWithDoctor", name: "resWithDoctor", component: resWithDoctor },
];

const router = new VueRouter({
  routes,
});



export default router;
